<template>
    <div>
        <div class="mask" v-if="num != 0">
            <el-progress type="circle" :percentage="num" class="progress-obj"></el-progress>
        </div>
    </div>
</template>

<script type="text/ecmascript-6">
    export default {
        props: ['imgPercentage'],
        data () {
            return {}
        },
        computed: {
            num () {
                return  this.imgPercentage - 0
            }
        },
        // watch: {
        //     'imgPercentage' () {
               
        //     }
        // },
        mounted () {
        },
        methods: {}
    }
</script>

<style lang="less" scoped>
    .mask {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,0.7);
        z-index: 9999;
    }
    .progress-obj {
        width: 126px;
        height: 126px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -63px;
        margin-left: -63px;
    }
    .el-progress--circle .el-progress__text {
        color: #fff;
    }
</style>
